<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./jquery-3.7.1.min.js"></script>
</head>
<body>
    <p>Hello</p>

    <h3>hello sxt</h3>
    <h3>hello itbaizhan</h3>
    <h3>hello web</h3>

    <script>
        // 1.wrap() 方法将被选元素包裹在指定的HTML元素中。
        $('p').wrap("<div></div>")

        // 2.unwrap() 方法移除被选元素的父元素。
        $('p').unwrap()

        // 3.wrapAll() 方法将所有被选元素包裹在一个单一的HTML元素中。
        $('h3').wrapAll('<div></div>>')

        // 4.wrapInner() 方法将被选元素的内容包裹在指定的HTML元素中。
        $('h3').wrapInner('<span></span>')

    </script>
</body>
</html>